<template>
    <div id="app">
        <h-header></h-header>

        <div>
            <transition>
                <keep-alive>
                    <router-view v-if="$route.meta.keepAlive"></router-view>
                </keep-alive>
            </transition>
            <router-view v-if="!$route.meta.keepAlive"></router-view>
        </div>
        <!-- <h-footer></h-footer> -->
    </div>
</template>
<script>
import { mapGetters } from "vuex";
import Footer from "@/components/Footer.vue";
import Header from "@/components/Header.vue";
export default {
    components: { "h-footer": Footer, "h-header": Header },
    name: "app",
    data() {
        return {};
    },
    mounted() {
        console.log(api);
        api.roomList().then((res) => {
            console.log(res);
        });
    },
    methods: {},
};
</script>

<style></style>
